<template>
  <div>
    <p>原来的样子{{msg}}</p>
    <p>翻转后的{{msg | reverse}}</p>
    <p :title="msg | toUp">鼠标常停</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg:'Hello vue'
    }
  },
  filters: {
    toUp(val){
      return val.toUpperCase()
    }
  }
}
</script>

<style>

</style>